@charset "utf-8";
/* CSS Document */
ul,li,div,h1,h2,h3,a,p,span,img,form,tr,th,dd,dl,dt,select{padding:0px;margin:0px;border:0px;font-family:inherit;}
ul,li,dl,dd,dt{list-style-type:none;}
html{overflow-y:scroll;}
body{font-size:12px;color:#333;line-height:1.5em;font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; margin:0; padding:0;}
a:link,a:visited,a:hover{ color:#333; text-decoration:none; font-size:12px; font-family::"Microsoft Yahei","宋体", Arial, Helvetica, sans-serif;}

.wrapper{width:1000px; margin:0 auto;}
.mr25{ margin-right:25px;}
.color{ color:#83aa01;}
.fl{ float:left;}
.fr{ float:right;}

/*top*/
.header{ height:153px; overflow:hidden; border-bottom:2px solid #c8c7c7; position:relative;}
.header .top{ height:27px; background-color:#333; text-align:right;color:#fff; padding-top:5px;}
.header .top img{ vertical-align:middle;}
.header .top a{ color:#fff; padding:0 10px;}
.header .top a:hover{color:#ff8b00;}

.header .banner{ height:57px; background-color:#83aa01; padding:20px 0px 0px;}
.header .banner .logo{float:left; width:300px;padding-left:100px;}
.header .banner .search{float:right;position:relative;}
.header .banner .search input{ border:0px; height:30px; width:400px; line-height:30px; font-size:16px;}
.header .banner .search .btn{background:url(images/s-btn.jpg) no-repeat 0 2px;border: 0 none;display: block;height:30px;position: absolute;right:0;
text-indent: -9999em;top: 0;width:30px; cursor:pointer;}

/*menu*/
.header .menu{ background-color:#f5f6f7; height:44px; line-height:44px;}
.header .menu .share{ width:280px; float:left;}
.header .menu ul{width:720px; float:right;}
.header .menu ul li{ float:left; display:inline; width:120px; background:url(images/menu_line.gif) right no-repeat; text-align:center;}
.header .menu ul li a{font-size:16px;}
.header .menu ul li a:hover{ font-size:16px;color:#ff8b00;}
.header .menu ul li:hover{ background-color:#efefef; display:block;}

.header .robot{ position:absolute; background:url(images/robot.gif) no-repeat; z-index:2; width:75px; height:131px;}

/*main*/
.main{overflow:hidden; background-color:#f5f6f7;}
.bg{ background-color:#fff; height:auto; overflow:hidden;padding:0 10px; width:980px;}

/*left*/
.main .left{ float:left; height:auto; overflow:hidden; margin-top:10px; width:220px;}
.main .left .choose{width:212px; height:192px; border:1px solid #ddd; padding:3px;}
.main .left .choose .title{ height:28px; line-height:28px; width:212px; background-color:#83aa01; text-align:center; color:#fff; font-size:14px;}
.main .left .choose .con{ padding:30px 15px;}
.main .left .choose .con img{ float:left;}
.main .left .choose .con p{ float:right; width:115px;margin-top:10px;*margin-top:0px;_margin-top:0px;}
.main .left .choose .con a{ color:#107bc0;}
.main .left .choose .con a:hover{ color:#ff8b00;}
/*app*/
.main .left .hotapp,.hotzx{ height:auto;width:220px;margin-top:15px;}
.main .left h2{padding:7px 12px;position: relative;font-size:16px;background: #ececec; position:relative;
border-bottom: 2px solid #363636;height:21px; font-weight:normal;}
.main .left h2 span.hot{background:url(images/hot.gif) no-repeat; position:absolute;display: block;bottom:0;right:8px;
width: 62px; height:43px;}
.main .left .hotapp ul{width:202px; border:1px solid #ddd; padding:10px 6px 10px 10px; border-top:none; height:213px; overflow:hidden;}
.main .left .hotapp ul li{ width:95px; height:103px; float:left; display:inline;margin:0px 6px 5px 0px; text-align:center;}
.main .left .hotapp ul li img{ width:85px; height:85px;}
.main .left .hotapp ul li p{ width:95px; text-align:center; height:20px; line-height:20px;}
.main .left .hotapp ul li a{color:#107bc0;}
.main .left .hotapp ul li a:hover{ color:#ff8b00;}
/*zx*/
.main .left .hotzx ul{border:1px solid #ddd;border-top:none;overflow:hidden;}
.main .left .hotzx ul li{width:200px; height:40px; line-height:20px; background:url(images/com_bg.gif) repeat; padding:5px 10px; margin-bottom:5px;}
.main .left .hotzx ul li span{ color:#107bc0; padding-right:5px;}
.main .left .hotzx ul li a{ font-size:14px;}
.main .left .hotzx ul li a:hover{ color:#ff8b00;font-size:14px;}

/*right*/
.main .right{ float:right; height:auto; overflow:hidden; margin-top:10px; width:750px;}
.main .right .up{ height:200px; overflow:hidden;}
.main .right .up .ppt{ width:460px; height:200px; background-color:#ececec;float:left;}
.main .right .up .pp{ width:280px; height:200px; float:right; overflow:hidden;}
.main .right .up .pp .pp_l{ width:174px; float:left;}
.main .right .up .pp .pp_r{ width:100px; float:left;}
.main .right .up .pp a{background-color:#f6f6f6;text-align:center;background-repeat:no-repeat;background-position:center 50%;float: left;
margin-bottom:6px;margin-left:6px;}
.main .right .up .pp a:hover{ background-color:#efefef;}
.main .right .up .pp a.goolge{ width:174px; height:80px;margin-left:0px; background-image:url(images/google.gif);}
.main .right .up .pp a.htc{ width:84px; height:65px; margin-left:0px;background-image:url(images/htc.gif);}
.main .right .up .pp a.sum{ width:84px; height:65px;background-image:url(images/sum.gif);}
.main .right .up .pp a.zte{ width:99px; height:62px; background-image:url(images/zte.gif);}
.main .right .up .pp a.hw{ width:99px; height:62px; background-image:url(images/huaw.gif);}
.main .right .up .pp a.moto{ width:99px; height:62px;background-image:url(images/moto.gif);}
.main .right .up .pp a.more{ width:164px; height:31px;margin-left:0px;padding:12px 0px 0px 10px; text-align:left; font-size:14px;}
.main .right .up .pp a.more img{ margin-left:30px; vertical-align:middle;}
/*app*/
.main .right .app{ width:750px; height:120px; margin-top:10px; background:#f6f6f6;}
.main .right .app ul{ padding:10px;}
.main .right .app ul li{width:95px; height:105px; float:left; display:inline;margin:0px 5px 0px 4px;text-align:center;}
.main .right .app ul li img{ width:85px; height:85px;}
.main .right .app ul li p{ width:95px; text-align:center; height:20px; line-height:20px;}
.main .right .app ul li a{color:#107bc0;}
.main .right .app ul li a:hover{ color:#ff8b00;}
/*phone*/
.main .right .hotphone{width:750px; height:auto; overflow:hidden;margin-top:10px;}
.main .right .hotphone .title{ height:21px;padding:7px 12px;border-bottom: 2px solid #363636; background:url(images/com_bg.gif) repeat;
width:726px;}
.main .right .hotphone .title h2{float:left; font-weight:normal;font-size:16px; }
.main .right .hotphone .title a{ font-size:14px; font-weight:normal; float:right;}
.main .right .hotphone .title a:hover{ color:#ff8b00;}

.main .right .hotphone ul{ border:1px solid #ddd; width:728px; padding:10px; float:left;}
.main .right .hotphone ul li{width:242px;height:139px;float:left;border-bottom: 1px solid #ededed;overflow: hidden;}
.main .right .hotphone ul li .img{width: 70px;height: 100px;float:left;padding: 20px 10px 20px 30px;}
.main .right .hotphone ul li .desc{width: 130px;float: right;margin-top:30px;}
.main .right .hotphone ul li .num{padding-top: 20px;color: #878787;}
.main .right .hotphone ul li .num span{ color:#107bc0}
.main .right .hotphone ul li .num p{ height:20px; line-height:20px;}
.main .right .hotphone ul li a{color:#107bc0;}
.main .right .hotphone ul li a:hover{color:#ff8b00;}

.main .right .gg{ width:750px; height:90px; margin-top:10px;}

/*footer*/
.footer{ height:300px; overflow:hidden; background-color:#222; margin-top:10px;}
.footer .desc{ height:90px; border-top:5px solid #83aa01; background:url(images/footer.png) repeat; padding-top:20px;}
.footer .desc img{ vertical-align:middle;}
.footer .desc .left{ float:left;}
.footer .desc .right{ float:right; padding-top:20px;}
.footer .desc .right h3{ font-size:20px; color:#83aa01; font-weight:normal;}
.footer .desc .right h3 span{font-size:30px;}
.footer .desc .right p{ color:#fff; height:25px; line-height:25px;}
.footer .link{ height:40px; line-height:40px; border-top:1px solid #414242;border-bottom:1px solid #414242; margin-top:20px;}
.footer .link ul{ padding:0px 10px; height:40px; overflow:hidden;}
.footer .link ul li{ width:80px; float:left;}
.footer .link ul li b{ color:#83aa01; font-weight:normal;}
.footer .link ul li a{ color:#b1b1b1;}
.footer .link ul li a:hover{ color:#ff8b00;}
.footer .copy{ margin-top:30px; height:100px; overflow:hidden;}
.footer .copy .left{ width:720px;color:#919191; float:left;}
.footer .copy .left p{ height:22px; line-height:22px;}
.footer .copy .left span{ padding-left:10px;}
.footer .copy .left a{ color:#919191; padding:0 10px;}
.footer .copy .left a:hover{ color:#ff8b00;}
.footer .copy .right{ width:250px; float:right;}
.footer .copy .right p{ height:23px; line-height:23px; font-size:16px; color:#fff;}

/*reg*/
.reg{width:410px; height:200px; margin: 0 auto; padding:0px 10px;}
.reg .tit{height:30px;font-size:16px;}
.reg .box{width:386px;border:2px solid #ddd;height:155px; padding:10px;}
.reg .box select{ border:1px solid #ddd; height:35px; line-height:35px;width:200px;color:#999; vertical-align:middle; margin-left:10px;}
.reg .box .sub{ margin-top:10px;}
.reg .box .sub input{background-color:#83aa01; border:none; width:120px; height:50px;color:#fff; font-weight:bold; vertical-align:text-bottom; font-size:18px;font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; }
.reg .box label{font-size:14px;color:#333;width:80px;}
.reg .box .sub a{color:#107bc0; margin-left:20px;}
.reg .box .sub a:hover{color:#ff8b00;}

/*list_index*/
.pp_nav{ width:978px; height:185px; overflow:hidden; margin-top:10px; border:1px solid #ddd;}
.pp_nav .txt{ background:url(images/hot_pp.jpg) no-repeat; width:36px; height:185px; float:left;}
.pp_nav .logo{ width:932px; float:right; padding:10px 5px;}
.pp_nav .p_pic{width:932px; height:115px;}
.pp_nav .p_pic li{ width:150px; height:47px; float:left; display:inline; margin:0px 0px 5px 5px}
.pp_nav .p_txt{ width:932px;}
.pp_nav .p_txt li{float:left; padding:5px 10px; display:inline; height:15px; line-height:15px;}
.pp_nav .p_txt li a{ font-size:14px;}
.pp_nav .p_txt li a:hover{color:#ff8b00;}

/*item list*/
.pp_hot{width:978px; height:auto;overflow:hidden; margin-top:10px; border:1px solid #ddd;}
.pp_hot .tit{ height:41px; border-bottom:1px solid #ddd; line-height:41px; padding-left:25px; background:#f5f6f7;}
.pp_hot .tit h2{ font-size:18px; font-weight:normal; float:left;}
.pp_hot .tit img{ padding:0 15px; float:left}
.pp_hot .tit span{font-size:18px; font-weight:normal; float:left;}
.pp_hot .box{ padding:0px 15px; height:auto; overflow:hidden;width:948px;}
.pp_hot .box ul{height:auto;}
.pp_hot .box ul li{width:237px;height:139px;float:left;border-bottom: 1px dotted #ededed;overflow: hidden; margin-top:15px;}
.pp_hot .box ul li .img{width: 70px;height: 100px;float:left;padding: 20px 10px 20px 25px;}
.pp_hot .box ul li .desc{width: 130px;float: right;margin-top:30px;}
.pp_hot .box ul li .num{padding-top: 20px;color: #878787;}
.pp_hot .box ul li .num span{ color:#83aa01}
.pp_hot .box ul li .num p{ height:20px; line-height:20px;color:#666;}
.pp_hot .box ul li a{color:#83aa01; font-size:14px;}
.pp_hot .box ul li a:hover{color:#ff8b00;}

/*showMore*/
.showMore{ height:55px; width:980px; text-align:center; margin-bottom:50px;}

/*list*/
.type{width:978px; height:170px;margin-top:10px; border:1px solid #ddd;}
.type .pasition{height:37px;border-bottom:1px solid #ddd; padding-left:20px;background:#f5f6f7; line-height:37px;font-size:14px; margin-bottom:10px;}
.type .pasition span{ padding:0px 5px;}
.type .pasition a{color:#83aa01; font-size:14px;}
.type .pasition a:hover{color:#ff8b00;}
.type .item{ padding:5px 0px 0px; border-bottom:1px dashed #f3f3f3; height:30px; line-height:20px; margin:0px 20px;}
.type .item span{ float:left;padding:3px;font-size:14px;}
.type .item a{ color:#107bc0; display:block; float:left; padding:3px 10px;font-size:14px;}
.type .item a:hover{ background:#ddd; color:#333;}

.list_box{width:978px; height:auto; overflow:hidden;border:1px solid #ddd; border-top:none;}
.list_box .item_bg{ background:#f1f1f1;}
.list_box .item{ padding:15px 20px 10px 20px; height:160px; border-bottom:1px dashed #ddd;}
.list_box .item .pic{ width:100px; height:145px; border:1px solid #ddd; float:left;}
.list_box .item .desc{ width:570px; float:left; padding:0px 20px 0px 15px; border-right:1px solid #ddd; height:160ox}
.list_box .item .desc .tit{ height:35px; padding-top:15px;}
.list_box .item .desc .tit a{ font-size:20px; color:#000;}
.list_box .item .desc .tit a:hover{color:#107bc0;}
.list_box .item .desc .con{ font-size:14px; height:48px; line-height:24px; font-family:"宋体"; color:#666; overflow:hidden;}
.list_box .item .desc .tag{ color:#999; margin-top:20px; font-size:14px;}

.list_box .item .down{ padding:15px 0px 0px 25px; float:left;}
.list_box .item .down p{ font-size:14px; height:20px;line-height:20px;margin-top:10px;}
.list_box .item .down b{color:#107bc0;}

.list_box .page{ width:978px; text-align:center; height:30px; line-height:30px; margin:20px 0px;}
.list_box .page a{ padding:6px 12px;text-decoration:none; color:#333;background-color:#fff; font-size:16px; border:1px solid #ddd; border-left:none;}
.list_box .page a:hover{background:#ececec;padding:6px 12px;}
.list_box .page .on{background:#ececec;padding:6px 12px;}
.list_box .page .bleft{ border-left: 1px solid #ddd;}








